<template>
   	<div class="rank">
        	<div class="rank">
		    <mt-cell v-for="(item,index) in phlist" :title="item.rankname" :to="`/rank/info/${item.rankid}`" is-link :key="index">
			<img slot="icon" :src="item.imgurl.replace('{size}','400')" width="60" height="60">
		</mt-cell>
	</div>
	</div>
</template>
<script>
import {getpHanglist} from "@/api"
import {Indicator} from "mint-ui"
export default{
    data(){
        return {
            phlist:[],
        }
    },
    created(){
        this.getlist()
    },
    methods:{
        getlist(){
            Indicator.open({
                text:"加载中...",
                spinnerType:"snack"
            })
            getpHanglist().then(({data})=>{
                // console.log(data)
                Indicator.close()
                this.phlist=data.rank.list
               
            })
        }
    }
}

</script>

